<template>
	<!-- 没有数据 -->
	<view>
		<view v-if="noDataShow" class="no-data">
			<image class="empty-img"  :src="noDataImg" mode="aspectFill"></image>
			<view class="yh-fc333">
				{{hintText}}
			</view>
		</view>
	</view>
</template>
<script>
	export default {
		name:"noData",
		props: {
			noDataShow: {
				type: Boolean,
				default: false
			},
			hintText: {
				type: String,
				default: '暂无数据'
			},
			color: {
				type: String,
				default: '#333333'
			}
		},
		data() {
			return {
				noDataImg: ''
			};
		}
	}
</script>

<style lang="scss">
.no-data {
		text-align: center;
		line-height: 120rpx;
		margin: 0 auto;
		.empty-img {
			margin-top: 160rpx;
			width: 320rpx;
			height: 320rpx;
		}
	}
</style>
